const Placeholder = ({ text, slogan, onEdit }) => {
  return (
    <div className="d-flex">
      <div>
        <button
          onClick={onEdit}
          className="btn btn-light border"
          style={{ borderRadius: '50%' }}
        >
          <i
            className="icon-plus"
            style={{
              fontSize: '4em',
            }}
          />
        </button>
      </div>
      <div className="ps-3">
        <span>{slogan}</span>
        <br />
        <h3>{text}</h3>
      </div>
    </div>
  )
}

export default Placeholder
